<style>
  .rp-container {
    padding-left:10px;
    padding-right:10px;
  }
  .rp-background-lightgray {
    background-color:rgb(240, 240, 240);
  }
  .rp-record {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(240, 240, 240) ;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .rp-record .avatar {
    width: 50px;
    border-radius: 3px;
  }
  .rp-record .info {
    display: inline-block;
    width: 100%;
  }
  .rp-record .desc {
    display:inline-block;
    margin-left: 1em;
  }
  .rp-record .datetime {
    color: rgb(200, 200, 200);
  }
  .rp-record .amount {
    float: right;
  }
</style>
 <!--商品弹层 -->
<div ng-if="pagedata.showfeemodal" class="popup">
            <div class="popup-body">
			<div class="popup-center rp-background-lightgray" style="border-radius:0.5rem;">
				<i class="closed icon icon-cuowu" ng-click="pagedata.showfeemodal=false"></i>
				 <div class="" style="height:13rem;background-color:white;border-radius:0.5rem;">
					<div style="border-radius:0.5rem;color:#fff;box-shadow:0 1px 2px gray;padding: 0 3px;text-align:center;margin-bottom:2em;height:13rem;background: linear-gradient(#7c2fef, #a558e2);border-bottom-right-radius:50% 70px;border-bottom-left-radius:50% 70px;">
					  <div style="text-align: center;padding-top:1rem;">
						<div style="width:2.5rem;margin:0.5rem auto;"><img src="{{pagedata.member.avatar}}" style="display:inline-block;border-radius:50%;margin:0;padding:0"></div>
						<div style="padding-left:5px;vertical-align:middle;font-weight:bold;line-height:24px;font-size:0.8rem;">{{pagedata.member.nickname}}的收入</div>
						<div style="margin: 10px;"><small>{{pagedata.redmodal.title}}</small></div>
						<div>
							<span style="font-size: 2em;
									   vertical-align: top;
									   padding-right: 0.5em;
									   font-weight: bold;">¥</span>
								<span style="line-height:1em;font-size:4em;">{{pagedata.redmodal.myallfee ||'0.00'}}</span>
						</div>
						<div><small>含所有已支付的订单收入（除了退款的）</small></div>
					  </div>
					</div>
				</div>
				<div style="background-color:white;border-radius:0.5rem;">
				   <div style="border-bottom:1px solid #f0f0f0;">
						<div class="rp-container" style="margin-top:10px;">
							<div style="padding-top:0.5em;padding-bottom:0.5em;">
							已赚取{{pagedata.redmodal.total_count || 0}}笔，共{{pagedata.redmodal.myallfee || 0.00}}元
							</div>
						</div>
					</div>
				  <div class="rp-container" style="border-radius:0.5rem;background-color:white;height:10rem;overflow-y:scroll"> 
					<div ng-repeat="x in pagedata.redmodal.list" class="rp-record">
					  <img src="{{x.image}}" class="avatar">
					  <span class="info" style="vertical-align: center">
						<span class="desc">
						  <div class="nickname overflow-h" style="width:10rem">{{x.title}}</div>
						  <span class="datetime">{{x.createtime}}</span>
						</span>
						<span class="amount">{{x.fee}}元</span>
					  </span>
					</div>
				  </div>  
				</div>
		</div>
		</div>
</div>
<script>
scope.pagedata.redmodal=scope.pagedata.redmodal?scope.pagedata.redmodal:{}
scope.pagedata.get_feemodal=function(e){
	if(e){
		scope.pagedata.showfeemodal=true;
		scope.pagedata.redmodal.list=[]
		scope.pagedata.params.page=1
	}
	var query=scope.made_query(scope.pagedata.params);
	scope.get('jy_weishop/sale.get_data/get_feemodal/'+query,function(res){
		scope.pagedata.loading=false;
		$('#loading_show').hide();
		if(res.list.length==0){
			scope.pagedata.loaded=true;
			return;
		}
		if(res.list.length<scope.pagedata.psize){
			scope.pagedata.loaded=true;
		}
		if(!scope.pagedata.redmodal.list){
			scope.pagedata.redmodal.list=[];
		}
		res.list.forEach(function(row){
			scope.pagedata.redmodal.list.push(row);
		});
		scope.pagedata.params.page++;
		scope.$evalAsync();
	});
}
if(scope.pagedata.showfeemodal){
	scope.pagedata.scroll_bottom=function(){
		scope.pagedata.get_feemodal();
	}
}
</script>